<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>E-TOP在线文档浏览系统</title>
        <link rel="stylesheet" href="<c:url value = "/css/font-awesome.css"/>">
        <link rel="stylesheet" type="text/css" href="<c:url value = "/css/all-page.css"/>" >
        <link rel="stylesheet" type="text/css" href="<c:url value = "/css/home-page.css"/>" >
        <link rel="stylesheet" type="text/css" href="<c:url value = "/css/Cgraverobber-slide-display.css"/>" >
        <link rel="stylesheet" type="text/css" href="<c:url value = "/css/jquery.mCustomScrollbar.css"/>">
    </head>

    <body class="all-page home-page
          <c:if test="${not empty loginUser}">logined</c:if>
          <c:if test="${loginUser.role eq 2}">manage-logined</c:if>
              ">
          <jsp:include page="/WEB-INF/inc/header.jsp"/>
          <div class="container">
              <div class="latest-news">
                  <p class="title">最新动态</p>
                  <div class="for-scroll">
                      <ul>
                          <li>
                              <span class="circle-style"></span>
                              <span class="line-style"></span>
                              <p class="time">2小时前</p>
                              <div class="adjust-img-name-fa">
                                  <a class="lat-n-img-a" href="#"><img src="<c:url value = "/img/p1.png" />"/></a>
                                  <div class="adjust-name-tre">
                                      <a class="name" href="#">叶彬师兄</a>
                                      <div class="adjust-three-fa">
                                          <a href="#"><span class="fa fa-download fa-fw"></span>下载</a>
                                          <a href="#"><span class="fa fa-heart-o fa-fw"></span>收藏</a>
                                          <a href="#"><span class="fa fa-shield fa-fw"></span>举报</a>
                                      </div>
                                  </div>
                              </div>
                              <a class="doc-name" href="#">上传了<span>《JavaScript高级程序设计》</span></a>
                          </li>
                          <li>
                              <span class="circle-style"></span>
                              <span class="line-style"></span>
                              <p class="time">2小时前</p>
                              <div class="adjust-img-name-fa">
                                  <a class="lat-n-img-a" href="#"><img src="<%=request.getContextPath()%>/img/p2.png" /></a>
                                  <div class="adjust-name-tre">
                                      <a class="name" href="#">Winty</a>
                                      <div class="adjust-three-fa">
                                          <a href="#"><span class="fa fa-download fa-fw"></span>下载</a>
                                          <a href="#"><span class="fa fa-heart-o fa-fw"></span>收藏</a>
                                          <a href="#"><span class="fa fa-shield fa-fw"></span>举报</a>
                                      </div>
                                  </div>
                              </div>
                              <a class="doc-name" href="#">上传了<span>《CSS高级Web标准解决方案》</span></a>
                          </li>
                          <li>
                              <span class="circle-style"></span>
                              <span class="line-style"></span>
                              <p class="time">2小时前</p>
                              <div class="adjust-img-name-fa">
                                  <a class="lat-n-img-a" href="#"><img src="<%=request.getContextPath()%>/img/p3.png" /></a>
                                  <div class="adjust-name-tre">
                                      <a class="name" href="#">志军</a>
                                      <div class="adjust-three-fa">
                                          <a href="#"><span class="fa fa-download fa-fw"></span>下载</a>
                                          <a href="#"><span class="fa fa-heart-o fa-fw"></span>收藏</a>
                                          <a href="#"><span class="fa fa-shield fa-fw"></span>举报</a>
                                      </div>
                                  </div>
                              </div>
                              <a class="doc-name" href="#">上传了<span>《算法导论》</span></a>
                          </li>
                          <li>
                              <span class="circle-style"></span>
                              <span class="line-style"></span>
                              <p class="time">2小时前</p>
                              <div class="adjust-img-name-fa">
                                  <a class="lat-n-img-a" href="#"><img src="<%=request.getContextPath()%>/img/p4.png" /></a>
                                  <div class="adjust-name-tre">
                                      <a class="name" href="#">Cgraverobber</a>
                                      <div class="adjust-three-fa">
                                          <a href="#"><span class="fa fa-download fa-fw"></span>下载</a>
                                          <a href="#"><span class="fa fa-heart-o fa-fw"></span>收藏</a>
                                          <a href="#"><span class="fa fa-shield fa-fw"></span>举报</a>
                                      </div>
                                  </div>
                              </div>
                              <a class="doc-name" href="#">上传了<span>《数据库系统概论》</span></a>
                          </li>
                          <li>
                              <span class="circle-style"></span>
                              <span class="line-style"></span>
                              <p class="time">2小时前</p>
                              <div class="adjust-img-name-fa">
                                  <a class="lat-n-img-a" href="#"><img src="<%=request.getContextPath()%>/img/p5.png" /></a>
                                  <div class="adjust-name-tre">
                                      <a class="name" href="#">督翔</a>
                                      <div class="adjust-three-fa">
                                          <a href="#"><span class="fa fa-download fa-fw"></span>下载</a>
                                          <a href="#"><span class="fa fa-heart-o fa-fw"></span>收藏</a>
                                          <a href="#"><span class="fa fa-shield fa-fw"></span>举报</a>
                                      </div>
                                  </div>
                              </div>
                              <a class="doc-name" href="#">上传了<span>《Java编程思想》</span></a>
                          </li>
                          <li>
                              <span class="circle-style"></span>
                              <span class="line-style"></span>
                              <p class="time">2小时前</p>
                              <div class="adjust-img-name-fa">
                                  <a class="lat-n-img-a" href="#"><img src="<%=request.getContextPath()%>/img/p6.png" /></a>
                                  <div class="adjust-name-tre">
                                      <a class="name" href="#">建辉</a>
                                      <div class="adjust-three-fa">
                                          <a href="#"><span class="fa fa-download fa-fw"></span>下载</a>
                                          <a href="#"><span class="fa fa-heart-o fa-fw"></span>收藏</a>
                                          <a href="#"><span class="fa fa-shield fa-fw"></span>举报</a>
                                      </div>
                                  </div>
                              </div>
                              <a class="doc-name" href="#">上传了<span>《离散数学》</span></a>
                          </li>
                      </ul>
                  </div>
                  <!--以上 for-scroll-->
              </div>
              <!--以上是latest-news-->
              <div class="Cgraverobber-slide-div">
                  <ul class="Cgraverobber-slide-ul">
                      <li>
                          <a href="#"><img src="<%=request.getContextPath()%>/img/算导.png"/></a>
                      </li>
                      <li>
                          <a href="#"><img src="<%=request.getContextPath()%>/img/js.png" /></a>
                      </li>
                      <li>
                          <a href="#"><img src="<%=request.getContextPath()%>/img/jq.png" /></a>
                      </li>
                      <li>
                          <a href="#"><img src="<%=request.getContextPath()%>/img/html5.png" /></a>
                      </li>
                      <li>
                          <a href="#"><img src="<%=request.getContextPath()%>/img/css.png" alt="JavaWeb" /></a>
                      </li>
                      <li>
                          <a href="#"><img src="<%=request.getContextPath()%>/img/javaweb.png" alt="JavaScript高级程序设计" /></a>
                      </li>
                  </ul>
                  <div class="slide-circle c1"></div>
                  <div class="slide-circle c2"></div>
                  <div class="slide-circle c3"></div>
                  <div class="slide-circle c4"></div>
                  <div class="slide-circle c5"></div>
                  <div class="slide-circle c6"></div>
              </div>           
              <div class="docss">
                  <p class="count"><span class="fa fa-share-alt-square fa-fw"></span>E-TOP在线海量文档<span class="adjust-number"><span class="number first-number">0</span><span class="number">0</span><span class="number">0</span><span class="number">3</span><span class="number">9</span><span class="number">7</span>
                          <span class="number">6</span><span class="number">3</span></span></p>
              </div>
              <div class="hot-search-comment">
                  <div class="container-3d">
                      <div class="hot-search">
                          <p class="title">最近热搜</p>
                          <ul>
                              <li><a href="#"><span class="fa fa-file-word-o fa-fw"></span>华南农业大学作息时间表</a></li>
                              <li><a href="#"><span class="fa fa-file-pdf-o fa-fw"></span>华南农业大学招生简章</a></li>
                              <li><a href="#"><span class="fa fa-file-powerpoint-o fa-fw"></span>华南农业大学校园生活</a></li>
                              <li><a href="#"><span class="fa fa-file-excel-o fa-fw"></span>华南农业大学专业介绍</a></li>
                              <li><a href="#"><span class="fa fa-file-word-o fa-fw"></span>华南农业大学信息学院</a></li>
                              <li><a href="#"><span class="fa fa-file-powerpoint-o fa-fw"></span>华南农业大学计算机科学与技术</a></li>

                          </ul>
                      </div>
                      <div class="hot-search hot-search1">
                          <p class="title">最近热搜</p>
                          <ul>
                              <li><a href="#"><span class="fa fa-file-word-o fa-fw"></span>社会主义核心价值观与中国梦</a></li>
                              <li><a href="#"><span class="fa fa-file-pdf-o fa-fw"></span>大学生同室操戈背后凸显深层次问题</a></li>
                              <li><a href="#"><span class="fa fa-file-powerpoint-o fa-fw"></span>中国梦与当代大学生的精神成长</a></li>
                              <li><a href="#"><span class="fa fa-file-excel-o fa-fw"></span>大学物理创新性实验的设计及实施</a></li>
                              <li><a href="#"><span class="fa fa-file-word-o fa-fw"></span>把立德树人作为教育根本任务</a></li>
                              <li><a href="#"><span class="fa fa-file-powerpoint-o fa-fw"></span>齐鲁书画鉴赏</a></li>

                          </ul>
                      </div>
                  </div>
                  <div class="container-3d1">
                      <div class="hot-upload">
                          <p class="title">上传排行</p>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p7.png" /><span><span class="name">winty</span><span class="count"><span class="fa fa-upload fa-fw"></span>153</span>
                                  </span>
                              </a>
                          </div>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p8.png" /><span><span class="name">Cgraverobber</span><span class="count"><span class="fa fa-upload fa-fw"></span>150</span>
                                  </span>
                              </a>
                          </div>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p9.png" /><span><span class="name">志军</span><span class="count"><span class="fa fa-upload fa-fw"></span>130</span>
                                  </span>
                              </a>
                          </div>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p10.png" /><span><span class="name">建辉</span><span class="count"><span class="fa fa-upload fa-fw"></span>120</span>
                                  </span>
                              </a>
                          </div>
                      </div>
                      <div class="hot-upload hot-upload2">
                          <p class="title">上传排行</p>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p11.png" /><span><span class="name">督翔</span><span class="count"><span class="fa fa-upload fa-fw"></span>122</span>
                                  </span>
                              </a>
                          </div>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p12.png" /><span><span class="name">诗林</span><span class="count"><span class="fa fa-upload fa-fw"></span>136</span>
                                  </span>
                              </a>
                          </div>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p13.png" /><span><span class="name">明键</span><span class="count"><span class="fa fa-upload fa-fw"></span>110</span>
                                  </span>
                              </a>
                          </div>
                          <div class="one-person">
                              <a><img src="<%=request.getContextPath()%>/img/p14.png" /><span><span class="name">嘉兴</span><span class="count"><span class="fa fa-upload fa-fw"></span>115</span>
                                  </span>
                              </a>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="assortment">
                  <!--以下是assortmentHeader-->
                  <div class="assortHeader">
                      <div class="select-button-ul">
                          <button class="select-button">热门推荐<span class="fa fa-angle-double-down fa-fw"></span></button>
                          <!--以下是分类框-->
                          <ul class="select-ul">
                              <li><a href="#"><span class="fa fa-plus-circle fw"></span>热门推荐</a></li>
                              <li><a href="#"><span class="fa fa-plus-circle fw"></span>JavaWeb</a></li>
                              <li><a href="#"><span class="fa fa-plus-circle fw"></span>Front-end</a>
                                  <ul>
                                      <li><span></span><a href="#">性能</a></li>
                                      <li><span></span><a href="#">规范</a></li>
                                      <li><span></span><a href="#">兼容性</a></li>
                                      <li><span></span><a href="#">安全</a></li>
                                      <li><span></span><a href="#">框架</a></li>
                                      <li><span></span><a href="#">JavaScript</a></li>
                                      <li><span></span><a href="#">HTML</a></li>
                                      <li><span></span><a href="#">CSS</a></li>
                                  </ul>
                              </li>
                              <li><a href="#"><span class="fa fa-plus-circle fw"></span>PHP</a></li>
                              <li><a href="#"><span class="fa fa-plus-circle fw"></span>Android</a></li>
                          </ul>
                      </div>
                      <!--以上是分类框-->
                      <!--以下是 评论、浏览量等标题-->
                      <ul class="commentTitle">
                          <li><span class="fa fa-comments fa-fw"></span>总评论</li>
                          <li><span class="fa fa-search fa-fw"></span>浏览量</li>
                          <li><span class="fa fa-cloud-download fa-fw"></span>下载量</li>
                          <li><span class="fa fa-cloud-upload fa-fw"></span>上传者</li>
                          <li><span class="fa fa-clock-o fa-fw"></span>上传时间</li>
                      </ul>
                      <!--以上是 评论、浏览量等标题-->
                  </div>
                  <!--以上是assortmentHeader-->
                  <!--以下是文档详细信息-->
                  <ul class="one-document">
                      <c:forEach items="${HotList}" var="docu">
                          <li>
                              <a class="doc-name" href="#">
                                  <span class="fa fa-file-word-o fa-fw"></span>${docu.name}
                              </a>
                              <div class="comment">
                                  <span class="fa fa-star fa-fw"></span>
                                  <span class="fa fa-star fa-fw"></span>
                                  <span class="fa fa-star fa-fw"></span>
                                  <span class="fa fa-star fa-fw"></span>
                                  <span class="fa fa-star fa-fw"></span>
                                  <span class="CommentCount">${docu.comCount}</span>
                              </div>
                              <p class="page-views">${docu.views}</p>
                              <p class="downloads">${docu.downtotal }</p>
                              <p class="uploader"><a href="#">${docu.upUser.username }</a></p>
                              <p class="date-uploaded"><fmt:formatDate value="${docu.upDate}" type="date"/></p>
                          </li>
                      </c:forEach>
                  </ul>
                  <!--以上是文档详细信息-->
              </div>
              <!--以上是assortment-->
              <!--以下是所有文档/海量文档-->
              <h2 class="all-doc"><span class="fa fa-th fa-fw"></span><span>海量文档</span></h2>
              <div class="adjus-per-assortment">
                  <c:forEach var="cate1" items="${rootCategory.cateSet}" begin="0" end="5">
                      <ul class="one-assortment">
                          <h3 class="assort-title"><a href="allFile?cateId=${cate1.id}"><span class="fa fa-bookmark fa-fw"></span>${cate1.name}</a></h3>
                          <div class="for-msScroll">
                              <c:forEach var="cate2" items="${cate1.cateSet}">
                                  <li class="sub-assortment"><a href="allFile?cateId=${cate2.id}">${cate2.name}</a></li>
                                  </c:forEach>
                          </div>
                      </ul>
                  </c:forEach>
                  <!--以上是one-assortment-->
                  <div class="more">
                      <a href="allFile?cateId=${rootCategory.id}"><span class="fa fa-search fa-fw"></span>查看所有......</a>
                  </div>
              </div>
              <!--以上 adjust-per-assortment-->
          </div>
          <!--以上是container-->
          <jsp:include page="/WEB-INF/inc/footer.jsp"/>
          <script src="<%=request.getContextPath()%>/js/jquery-1.11.2.js"></script>
          <script src="<%=request.getContextPath()%>/js/home-page.js"></script>
          <script src="<%=request.getContextPath()%>/js/Cgraverobber-slide-display.js"></script>
          <script src="<%=request.getContextPath()%>/js/jquery.mCustomScrollbar.concat.min.js"></script>
    </body>

</html>
